.component-xhfThreeInfoAndCode {
	.three-btn-bottom {
		position: fixed;
		bottom: 0px;
		z-index: 100;
		width: 100%;
		height: 1.2rem;
		line-height: 2rem;
		padding-top: 0.3rem;
		margin-top: 0.2rem;
		background: linear-gradient(0deg, #bb272c);
	}
	.tip-text {
		width: 2rem;
		height: 0.6rem;
		top: -0.3rem;
		right: 0.8rem;
		text-align: center;
		color: #ffffff;
		line-height: 0.6rem;
		border-bottom-right-radius: 0.18rem;
		border-top-left-radius: 0.18rem;
		border-top-right-radius: 0.18rem;
		display: inline-block;
		position: absolute;
		background: #ed6930;
		z-index: 100;
		&.bottom-tip {
			top: 0.05rem;
			right: 1rem;
		}
	}
	.three-add-bank-containers {
		.my-input {
			.am-list-line {
				padding-right: 0;
				margin-right: 15px;
			}
			.am-input-label {
				color: #888;
				font-size: 0.28rem;
			}
			.am-input-control {
				input {
					color: #4a4a4a;
					font-size: 0.28rem;
				}
			}
			.icon {
				position: absolute;
				right: 0;
				top: 50%;
				margin-top: -21px;
				padding: 10px;
			}
		}
		margin-top: 0;
		background: linear-gradient(0deg, #de2b2c 0%, #f85d20 100%);
		padding-bottom: 1.8rem;
		.am-list-item .am-input-control input:disabled {
			background: linear-gradient(90deg, #fffbde, #fffcf1, #fffbde);
		}
		.banner {
			width: 100%;
			min-height: 5rem;
		}
		.multi-line {
			display: inline-block;
			padding: 0.2rem 0;
		}
		.three-icon {
			width: 7.2rem;
			border-radius: 0.12rem;
			margin: 0px auto;
			display: block;
			margin-top: 0.2rem;
		}
		.input-box {
			width: 7rem;
			min-height: 6.55rem;
			margin: 0px auto;
			overflow: hidden;
			background-size: 7rem 6.55rem;
			background-repeat: no-repeat;
			box-sizing: border-box;
			padding-top: 0.2rem;
		}
		.xhf-btn-box {
			margin-top: 0.3rem;
		}
		.am-list-item {
			border-radius: 0.2rem;
			width: 6.2rem;
			height: 0.85rem;
			min-height: 40px;
			margin: 0px auto;
			background: rgba(255, 255, 255, 0);
		}

		.am-list-line::after {
			bottom: 1px;
			height: 0;
		}

		.am-list-line:last-child::after {
			border-bottom: 1px solid #ddd;
		}
		.font-link {
			color: #302e2f;
		}

		.my-clear1 {
			.am-input-clear {
				position: relative;
				left: -45px;
			}
		}

		.my-clear2 :last-child::after {
			bottom: 0px;
		}

		.icon-help {
			position: absolute;
			right: 0;
			top: 50%;
			transform: translateY(-50%) scale(0.8);
			padding: 0.2rem;
			margin-right: -0.2rem;
		}

		.icon-xj {
			position: absolute;
			right: 0;
			top: 50%;
			transform: translateY(-50%) scale(0.8);
			padding: 0.2rem;
			margin-right: 0.2rem;
		}

		.get-code {
			position: absolute;
			right: 0;
			top: 50%;
			transform: translateY(-50%);
			color: #40b15d;
			text-align: center;
			width: 1.8rem;

			&::before {
				content: "";
				position: absolute;
				height: 24px;
				top: 0;
				bottom: 0;
				margin: auto;
				width: 1px;
				background: #ddd;
				left: -0.2rem;
			}
		}
		.agree-wrapper {
			text-align: center;
			overflow: hidden;
			color: #999;
		}
	}
}
.popup-list {
	.am-list-item .am-list-line .am-list-content {
		text-align: center;
	}
}
.contact-slide-up {
	.am-modal-popup .am-modal-content {
		border-radius: 0.26rem 0.26rem 0px 0px;
	}
	.line {
		height: 0.16rem;
		background: #f4f6fc;
	}
}
